<?php
session_start();
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../../../Ginecobstetricia/vista/css/bootstrap-combined.min.css" rel="stylesheet">
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <script src="../../../vista/php/jquery-1.9.1.min.js"></script>
     
        <style>
            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:170px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:170px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
            #titulo{
                font-size:100%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #filas{
                font-size:100%;padding:10px 10px 10px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
            }
             .white {
                border-radius: 5px;
                color: #606060;
                        border: solid 1px #b7b7b7;
                        background: #fff;
                        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                        background: -moz-linear-gradient(top,  #fff,  #ededed);
                        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                        padding: 4px 4px 4px;
                }
                
             .white2 {
                border-radius: 5px;
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
                padding: 1px 1px 1px;
             }
       </style>
        <script>
           function consultarItems(){
                $.ajax({
                    async: true,
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../controlador/sql/datosencues.php",
                    success: mostrarDatos,
                    timeout: 4000
                });
            }
            
            function mostrarDatos(datos){
                
                rpt = $.parseJSON(datos);
                var resp = "";
                datos = $("#encu");
                resp += "<table align='center' style='font-size:90%;'>\
                            <tr>\
                                 <td>\
                                    <font color=#A4A4A4>De acuerdo con la calificación</font></br>\
                                    <font color=#A4A4A4>1: Muy malo,2: Malo,3: Regular,4: Bueno,5: Excelente</font>\
                                 </td>\
                            </tr>\
                        </table>";
                resp += "<table align='center' style='font-size:90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:auto;-moz-border-radius:5px; /* FF1+ */-webkit-border-radius:5px; /* Saf3-4 */border-radius:5px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);'>\n\
                            <tr>\
                                <td colspan='5' style='font-size:90%;padding:10px 10px 10px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                   <strong>Respuesta:</font> <div id='respuesta'></strong> \
                                </td>\
                                <td align='center' id='titulo'>\
                                <div id='agrega'></div>\
                                </td>\
                            </tr>\
                            <tr>\
                                <td align=center style='font-size:100%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                   Calificación\
                                </td>\
                                <td align=center style='font-size:80%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    1\
                                </td>\
                                <td align=center style='font-size:80%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    2\
                                </td>\
                                <td align=center style='font-size:80%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    3\
                                </td>\
                                <td align=center style='font-size:80%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    4\
                                </td>\
                                <td align=center style='font-size:80%;padding:10px 10px 10px; text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;'>\
                                    5\
                                </td>\
                            </tr>";
                var enc = 0;
                for(dat in rpt){
                   
                    var encuesta = rpt[dat].encuesta;
                    resp += '<tr>\
                                <td style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    <input type="hidden" name="txtOidP[]" value="'+ rpt[dat].encoid +'" />'+ encuesta +'\
                                </td>\
                                <td align=center style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    \<input type="radio" id="res'+ enc +'" name="txtres[]'+ enc +'" value="1"/>\
                                </td> \
                                <td align=center style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    \<input type="radio" id="res'+ enc +'" name="txtres[]'+ enc +'" value="2"/>\
                                </td> \
                                <td align=center style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    \<input type="radio" id="res'+ enc +'" name="txtres[]'+ enc +'" value="3"/>\
                                </td> \
                                <td align=center style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    \<input type="radio" id="res'+ enc +'" name="txtres[]'+ enc +'" value="4"/>\
                                </td> \
                                <td align=center style="padding:10px 10px 10px; text-align:centert;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));">\
                                    \<input type="radio" id="res'+ enc +'" name="txtres[]'+ enc +'" value="5"/>\
                                </td> \
                        </tr>\ ';
                    enc++;
                }
                resp += "<input type='hidden' id='tama' name='txtTamano' value='"+ enc +"' />";
                resp += " <tr>\
                            <td colspan='6' id='filas' align ='center'>\
                                OBSERVACIONES</br>\
                                <textarea name='txtObserv' id='obsol' rows='4' cols='20' style='width: 100%' textarea></textarea>\
                            </td>\
                        </tr>\
                        <tr>\
                            <td colspan='6' id='filas' align ='right'>\
                                <div id='eventos'></div>\
                            </td>\
                        </tr>";
                resp += "</table>";
                datos.append(resp);
                agregar();
                //texto();
                calificar();
            }
            
            function confirm(){
                
                var formulario = document.forms["encues"];
                var grupos = [];
                for (i = 0; elem = formulario.elements[i]; i++) {
                    if (elem.type == "radio") {
                        if (!grupos[elem.name]) {
                            grupos[elem.name] = elem.checked;
                        }
                    }
                }
                for (grupo in grupos) {
                    if (!grupos[grupo]) {
                        alertify.alert("QUEDAN PREGUNTAS SIN CONTESTAR", function () {
                    });
                        return false;
                    }
                }
                
                alertify.confirm("<p>ESTA SEGURO DE GUARDAR LOS DATOS</p>", function (e) {
                    if (e) {
                        $('#encues').attr('action', '../../controlador/sql/guardarSatis.php');
                        $("#encues").submit();
                    } 
                    else { 
                    }
                }); 
                return false;
            }
            function agregar(){
                var rol= document.getElementById("roll").value;
                if(rol == 61 || rol == 74){
                    rol = document.getElementById("agrega").innerHTML ='<img src="../../../vista/imagen/nuevo.png" width="25" height="25" alt="agregr" onclick="ventana();"/>';
                }else{
                    rol = document.getElementById("agrega").innerHTML ='';

                }
            }
            function ventana(){
                window.open("encuesta.php","","width=900,height=500,scrollbars=yes");
            }
            
            function texto(){
                
                var resp = document.getElementById("res").value;
                document.getElementById("respuesta").innerHTML = '<table style="font-size:100%;">\
                                                                        <tr>\
                                                                            <td>'
                                                                                + resp +
                                                                            '</td>\
                                                                             <td>\
                                                                                  <table>\
                                                                                        <tr>\
                                                                                            <td>\
                                                                                             <input class="white2" style="cursor:pointer;font-size:70%;" type="button" value="Rechazo" onclick="tramiteU();"/>\
                                                                                            </td>\
                                                                                         </tr>\
                                                                                   </table>\
                                                                             </td>\
                                                                         </tr>';
                
            }
            
            function tramiteU(){
                
                alertify.alert("Por favor describa su incorformidad o los datos que faltan para que su solicitud este completa.", function () {
                    $("#obsol").focus();
                });
                
                document.getElementById("eventos").innerHTML = '<input class="white" type="button" value="Aceptar" onclick="confirmar();"/>\
                                                                <input class="white" type="button" value="Cancelar" onclick="calificar();"/>';
                
            }
           
           function calificar(){
               
               document.getElementById("respuesta").innerHTML = document.getElementById("res").value;
               document.getElementById("obsol").value = '';
               document.getElementById("eventos").innerHTML = '<input class="white" type="button" value="Calificar" onclick="confirm();"/>';
               
           }
           
           function confirmar(){
               
               if ($("#obsol").val() == "") {
                    alertify.alert("El campo no puede estar vacio", function () {
                        $("#obsol").focus();
                    });
                return false;
                }
               
               alertify.confirm("Señor usuario(a) usted le esta dando rechazo a la respuesta de su solicitud, si acepta esta quedara en un estado de 'En Tramite por el Usuario' y tendrá que esperar una nueva, de lo contrario califique la encuesta de satisfacción. Esta seguro de dar rechazo a su respuesta?", function (e) {
                    if (e) {
                        
                        var obs = document.getElementById("obsol").value;
                        var oids = document.getElementById("oids").value;
                        
                        /*llevamos las observaciones del nuevo estado 'En Tramite por el Usuario'*/
                        $.ajax({
                        type: "POST",
                        dataType: "json",
                        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                        url: "../../controlador/sql/entramiteU.php",
                        data: {oids:oids,obs:obs},
                        success: function respuesta(datos){
                                    var mensaje = datos.respuesta;
                                    window.close();
                                    window.opener.exitoTU(mensaje);
                                 },
                        timeout: 4000
                });
                        
                    } 
                    else { 
                        
                    }
                }); 
                return false;
               
           }
           
        </script>
    </head>
     <body onload="consultarItems();">
        <form id="encues" method="post">
            <table align="center" style="width:100%">
                <tr>
                    <td>
                        <div id="encu">                
                        </div>
                    </td>
                </tr>
            </table>
            <!--oid de la solicitud que se recibe-->
            <input type="hidden" name="oids" id="oids" value="<?php echo $_REQUEST['oids']; ?>" />
            <input type="hidden" name="roll" id="roll" value="<?php echo $_SESSION['roll']; ?>" />
            <input type="hidden" name="res" id="res" value="<?php echo $_REQUEST['res']; ?>" />
        </form>        
    </body>
  </html>
